mat-sidenav {
  width: 250px;
}
.site {
  display: flex;
  flex-direction: column;

  main {
    flex: 1;
  }
}
.card-wrap {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}
mat-card {
  margin: 5px 0 50px 5px;
  height: 25em;
  flex: 0 0 20em;
}
